/*
Author       : themes_mountain
Template Name: Mombo - App Landing Page HTML Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT US + FEATURE DESIGN
    05. START COUNTER AND SUBSCRIBE DESIGN
    06. START SCREENSHOT SLIDER DESIGN
    07. START TEAM DESIGN
    08. START TESTIMONIAL DESIGN
    09. START PRICING DESIGN
    10. START FAQ DESIGN
    11. START BLOG DESIGN
    12. START DOWNLOAD DESIGN
    13. START CONTAACT+MAP DESIGN
    14. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
	color: #444;
	font-family: 'Quicksand', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	background: #fff;
	overflow-x: hidden;
}

html,
body {
	height: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Quicksand', sans-serif;
	letter-spacing: 0px;
	margin-top: 0px;
	color: #1d293e;
	font-weight: 400;
}

a {
	font-family: 'Quicksand', sans-serif;
	text-decoration: none;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

a:hover {
	text-decoration: none;
}

a:focus {
	outline: none;
	text-decoration: none;
}

p {
	margin: 0;
}

ul,
li {
	margin: 0;
	padding: 0;
}

fieldset {
	border: 0 none;
	margin: 0 auto;
	padding: 0;
}

.section-padding {
	padding: 80px 0;
}

/*START SECTION TITLE DESIGN*/
.section-title {
	margin-bottom: 60px;
}

.section-title h1 {
	color: #1d293e;
	font-size: 36px;
	font-weight: 700;
	margin-top: 0;
	position: relative;
	text-transform: capitalize;
}

@media only screen and (max-width:480px) {
	.section-title h1 {
		font-size: 24px;
	}
}

.section-title-white-span {
	background: #fff !important;
}

h1.section-title-white {
	color: #fff;
	font-size: 36px;
	font-weight: 500;
	margin-top: 0;
	position: relative;
	margin-top: 0;
	text-transform: capitalize;
}

@media only screen and (max-width:480px) {
	h1.section-title-white {
		font-size: 24px;
	}
}

p.section-title-white {
	color: #fff;
}

.section-title p {
	padding: 0 10px;
	width: 70%;
	margin: auto;
}

@media only screen and (max-width:768px) {
	.section-title p {
		padding: 0 10px;
		width: 90%;
		margin: auto;
	}
}

/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
	background: #419e0e none repeat scroll 0 0;
	border-radius: 30px;
	bottom: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	position: fixed;
	right: 5px;
	text-align: center;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	width: 50px;
}

.topcontrol:hover {
	background: #4ac209;
	color: #fff;
}

/*END SCROLL TO TOP*/

/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.site-logo img {
	width: 150px;
	height: auto;
}

.bg-faded {
	background-color: transparent;
	transition: all 0.5s ease 0s;
}

.navbar-fixed {
	z-index: 999;
	position: fixed;
	opacity: .98;
	width: 100%;
	padding: 10px 0;
	top: 0;
	-webkit-animation: fadeInDown 800ms;
	animation: fadeInDown 800ms;
	-webkit-backface-visibility: hidden;
	border-radius: 0px;
	background: #f54291;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}

#navigation {
	padding: 20px 0;
}

#navigation.navbar-fixed {
	padding: 15px 0;
}

.header_right {
	display: flex;
	flex-basis: auto;
}

#main-menu {
	margin-top: 12px;
}

#main-menu ul {
	list-style-type: none;
}

#main-menu ul li {
	display: inline-block;
	padding: 0px 12px;
	position: relative;
}

#main-menu ul li a {
	color: #fff;
	font-size: 16px;
	text-transform: capitalize;
	transition: .5s;
}

#navigation.navbar-fixed #main-menu ul li a {
	color: #fff;
}

#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus {
	color: #fff;
}

.slicknav_nav_icon {
	color: #fff;
	font-size: 24px;
}

#mobile_menu {
	display: none;
}

@media only screen and (max-width:767px) {
	.navbar-default {
		padding: 10px !important;
	}

	.navbar-collapse {
		margin-top: 15px;
	}

	#navigation ul li a {
		position: inherit;
		color: #333;

	}

	#navigation ul li ul,
	#navigation ul li ul li ul {
		opacity: 1;
		position: inherit;
		top: 0;
		transition: all 0.3s ease 0s;
		z-index: 1;
		visibility: visible;
		background: #fff none repeat scroll 0 0;
		box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.05);
		padding: 15px;
		left: 0;
		background: #f5f5f5;
		list-style: none;
		width: 100%;
	}



	#navigation ul li ul.sub-menu li {
		z-index: 1;
	}

	#navigation ul li:hover ul.sub-menu {
		top: 0;
		opacity: 1;
		z-index: 999;
		visibility: visible;
	}

	#main-menu {
		display: none;
	}

	#mobile_menu {
		display: block;
		width: 100%;
	}

	.slicknav_nav ul li a {
		color: #fff !important;
	}

}

@media only screen and (max-width:767px) {
	.navbar-brand {
		padding-top: 20px;
	}
}

@media only screen and (max-width:480px) {
	.slicknav_menu {
		margin-top: -50px;
	}
}

/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg {
	height: 800px;
	position: relative;
}

@media only screen and (max-width:768px) {
	.home_bg {
		height: 1048px;
	}
}

@media only screen and (max-width:480px) {
	.home_bg {
		height: 1350px;
	}
}

@media only screen and (max-width:375px) {
	.home_bg {
		height: 1350px;
	}
}

.home_bg:before {
	background: rgba(0, 0, 0, 0.0);
	content: "";
	height: 100%;
	filter: alpha(opacity=80);
	position: absolute;
	width: 100%;
}

.hero-text {}

.hero-text h1 {
	padding-top: 200px;
	font-size: 58px;
	font-weight: 700;
	color: #fff;
	text-transform: capitalize;
	line-height: 70px;
}

@media only screen and (max-width:768px) {
	.hero-text h1 {
		font-size: 40px;
		line-height: 46px;
	}
}

@media only screen and (max-width:480px) {
	.hero-text h1 {
		padding-top: 200px;
		font-size: 30px;
		line-height: 40px;
	}
}

@media only screen and (max-width:360px) {
	.hero-text h1 {
		font-size: 26px;
		line-height: 34px;
	}
}

.hero-text p {
	color: #fff;
	margin-bottom: 25px;
	margin-top: 57px;
	font-size: 20px;
	font-weight: 600;
	line-height: 37px;
}

.home_btn a {
	margin-bottom: 20px;
	margin-right: 20px;
}

.learn_btn1 {
	background: #3b7eff;
	border: 2px solid #3b7eff;
	border-radius: 5000px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	overflow: hidden;
	padding: 10px 45px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07);
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

@media only screen and (max-width:360px) {
	.learn_btn1 {
		padding: 10px 40px;
	}
}

.learn_btn1:hover {
	background: #fff;
	color: #1d293e;
	border: 2px solid #fff;
}

.learn_btn2 {
	background: #f5bb42;
	border: 2px solid #f5bb42;
	border-radius: 5000px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07);
	overflow: hidden;
	padding: 10px 45px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.learn_btn2:hover {
	background: #fff;
	color: #1d293e;
	border: 2px solid #fff;
}


/*START HOME IMAGE CSS*/
.hero-text-img {
	padding-top: 120px;
}

@media only screen and (max-width:768px) {
	.hero-text-img {
		padding-top: 100px;
	}
}

@media only screen and (max-width:480px) {
	.hero-text-img {
		display: block;
		padding-top: 60px;
		text-align: center;
	}
}

/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT US + FEATURE DESIGN
* ----------------------------------------------------------------------------------------
*/
.partner img{
	width: 160px;
	height: 110px;
}

.about-us {
	position: relative;
	padding-bottom: 60px;
}

.about-us:before {
	background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
	/*background: linear-gradient(339deg, rgba(0, 0, 0, 0.38) 0%, rgba(193, 24, 255, 0.36) 73%);*/
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

v .about-us {
	padding-top: 0px;
	padding-bottom: 60px;
}

.about-title {
	width: 80%;
	margin: auto;
	margin-bottom: 60px;
	line-height: 36px;
	font-weight: 600;
	font-size: 28px;
}

.about-title1 {
	width: 80%;
	margin: auto;
	margin-top: 100px;
	margin-bottom: 30px;
	line-height: 36px;
	font-weight: 600;
	font-size: 28px;
}

.about-h1 {
	width: 80%;
	margin: auto;
	margin-top: -15px;
	margin-bottom: 30px;
	line-height: 30px;
	font-weight: 600;
	font-size: 22px;
}

.about_feature {
	background: #fff;
	height: 300px;
	margin: 20px 0;
	z-index: 2;
	position: relative;
	padding: 20px;
	transition: all 0.4s ease 0s;
	border-radius: 10px;
}

.about_feature:hover {
	box-shadow: 0px 60px 60px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 100;
	background: #3b7eff;
	transform: translate(0, -10px);
}

.about_feature2:hover {
	background: #f54291;
}

.about_feature3:hover {
	background: #7e0cf5;
}

.about_feature4:hover {
	background: #35ac39;
}

.icon {
	background: #3b7eff;
	border-radius: 100px;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	color: #fff;
	display: inline-block;
	font-size: 24px;
	height: 60px;
	line-height: 60px;
	margin-bottom: 0;
	position: relative;
	text-align: center;
	top: 50px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 60px;
}

.icon_bg {
	background: #3b7eff;
}

.icon_bg2 {
	background: #f54291;
}

.icon_bg3 {
	background: #7e0cf5;
}

.icon_bg4 {
	background: #35ac39;
}

.about_feature h4 {
	margin: 0;
	position: relative;
	text-transform: capitalize;
	top: 90px;
	-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
	transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
	font-weight: 700;
	font-size: 22px;
}

.about_feature:hover .icon {
	top: -50px;
	color: #fff;
}

.about_feature:hover h4 {
	color: #fff;
	top: -20px;
	font-size: 26px;
}

.about_feature p {
	color: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
	transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
	font-size: 17px;
    margin-top: 20px;
    font-weight: 300;
}

.about_feature:hover p {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/*START FEATUERE DESIGN*/
.feature-one {
	padding: 80px 0;
}

.single_feature_img {
	text-align: center;
}

.single_feature_img img {
	display: inline-block;
}

.single_feature_one {
	padding-top: 150px;
}

@media only screen and (max-width:768px) {
	.single_feature_one {
		padding-bottom: 60px;
		padding-top: 0;
	}
}

.single_feature_one h3 {
	color: #2a2b2f;
	font-size: 45px;
	font-weight: normal;
	line-height: 50px;
	margin-top: -40px;
	margin-bottom: 40px;
}

.single_feature_one p {
    color: #c4c4c4;
    font-size: 19px;
    line-height: 37px;
    font-weight: bold;
}


.single_feature_btn_light {
	background: #3b7eff;
	border: 2px solid #3b7eff;
	border-radius: 5000px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	overflow: hidden;
	padding: 15px 45px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07);
}

@media only screen and (max-width:360px) {
	.single_feature_btn_light {
		padding: 10px 40px;
	}
}

.single_feature_btn_light:hover {
	background: #f54291;
	color: #fff;
	border: 2px solid #f54291;
}

/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT US + FEATURE DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 09.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_team {
	padding-bottom: 60px;
}

.single_team {
	position: relative;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);
	border-radius: 3px;
}

@media only screen and (max-width:768px) {
	.single_team {
		margin-bottom: 40px
	}
}

.team-hover {
	position: absolute;
	width: 100%;
	bottom: -100%;
	padding: 30px;
	padding-bottom: 0px;
	background: #3b7eff;
	transition: all 0.3s ease-in-out;
}

.single_team:hover .team-hover {
	bottom: 0px;
}

.team .position-center-center {
	width: 100%;
	padding: 0 20px;
}

.single_team img {
	width: 100%;
}

.single_team h5 {
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
}

.single_team span {
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	margin: 10px 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.single_team p {
	color: #fff;
}

.social {
	text-align: center;
	display: inline-block;
	margin-bottom: 25px;
	margin-top: 15px;
}

.social li {
	display: inline-block;
	padding: 0;
}

.social li a {
	color: #fff;
	display: inline-block;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
	margin: 0px 5px;
}

.social li a:hover {
	color: #fff;
}

.team-name {
	background: #3b7eff;
	bottom: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	left: 0;
	margin: 0;
	padding: 25px 20px;
	position: absolute;
	text-transform: uppercase;
	transition: all 0.2s ease-in-out 0s;
	width: 100%;
}

/*
* ----------------------------------------------------------------------------------------
* 09.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 * 07.START PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
.our_pricing {
	background: #f8f8f8;
}

.pricingTable {
	background: #fff none repeat scroll 0 0;
	color: #282828;
	margin-top: 30px;
	padding: 50px 15px;
	perspective: 700px;
	position: relative;
	text-align: center;
	transition: all 0.3s ease-in-out 0s;
	z-index: 1;
}

.pricingTablebg {
	background: #3b7eff;
	color: #fff;
}

@media only screen and (max-width:480px) {
	.pricingTable {
		margin-bottom: 60px;
	}
}

.pricingTable:hover {
	box-shadow: 0px 60px 60px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 100;
}

.pricingTable:hover {
	color: #fff;
}

.pricingTable:after {
	content: "";
	width: 100%;
	height: 100%;
	background: #3b7eff;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -1;
	transition: all 0.3s ease-in-out 0s;
}

.pricingTable:hover:after {
	opacity: 1;
}

.pricingTable .icon {
	width: 69px;
	height: 69px;
	line-height: 69px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
	margin: 0 auto;
	font-size: 25px;
	color: #3b7eff;
	position: absolute;
	top: -34px;
	left: 0;
	right: 0;
}

.pricingTable .pricingTable-header {
	margin-bottom: 30px;
}

.pricingTable .title {
	display: block;
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 0 0 10px 0;
	transition: all 0.3s ease-in-out 0s;
}

.pricingTablebg .title {
	color: #fff;
}

.pricingTable:hover .title {
	color: #fff;
}

.pricingTable .price-value {
	font-size: 30px;
	font-weight: 700;
	transition: all 0.3s ease-in-out 0s;
	background: #3b7eff;
	margin-top: 20px;
	display: inline-block;
	border-radius: 500px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	color: #fff;
}

.pricingTablebg .price-value {
	background: #fff;
	color: #3b7eff;
}

.pricingTable:hover .price-value {
	background: #fff;
	color: #3b7eff;
}

.pricingTable .pricing-content {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}

.pricing-content-border {}

.pricing-content-border>li {
	border: 1px solid #eee;
	margin-bottom: 10px;
}

.pricingTable .pricing-content li {
	line-height: 40px;
}

@media only screen and (max-width: 990px) {
	.pricingTable {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.pricingTable {
		margin-bottom: 50px;
	}
}

.btn-price-bg {
	background: #3b7eff;
	border: 2px solid #3b7eff;
	border-radius: 5000px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	overflow: hidden;
	padding: 10px 45px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
}

.pricingTable:hover .btn-price-bg {
	background: #fff;
	color: #333;
	border: 2px solid #fff;
}

.pricingTablebg .btn-price-bg {
	background: #fff;
	border: 2px solid #fff;
	border-radius: 5000px;
	color: #3b7eff;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	overflow: hidden;
	padding: 10px 45px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
}

/*
 * ----------------------------------------------------------------------------------------
 * 07.END PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */


.wp-block-image img {
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
	margin-top: -85px;
	margin-bottom: -60px;

}

.feature-right-text .wp-block-columns {
	display: flex;
	flex-direction: row-reverse;
}

/*
* ----------------------------------------------------------------------------------------
* 13.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_blog {
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);
}

@media only screen and (max-width:768px) {
	.single_blog {
		margin-bottom: 30px;
	}
}

.blog-img {}

.blog-img img {
	position: relative;
}

@media only screen and (max-width:768px) {
	.blog-img img {
		width: 100%;
	}
}

.blog-img a {
	position: absolute;
	left: 10%;
	top: 42%;
	background: #3b7eff;
	padding: 3px 15px;
	border-radius: 4px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
}

@media only screen and (max-width:768px) {
	.blog-img a {
		top: 38%;
	}
}

.single_blog h2 {
	font-weight: 600;
	line-height: 32px;
	font-size: 22px;
	padding-left: 30px;
	margin-top: 25px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	padding-right: 20px;
}

.single_blog h2 a {
	color: #333;
}

.single_blog h2 a:hover {
	color: #3b7eff;
}

.single_blog span {
    text-transform: capitalize;
    padding-left: 30px;
    margin-bottom: 20px;
    display: inline-block;
    font-size: 17px;
    color: #9f9f9f;
}

.single_blog span a {
	color: #3b7eff;
}

/*
* ----------------------------------------------------------------------------------------
* 13.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/


